page {
    background: #f0f0f0;
}

.weui-cells {
    margin: 0;
}
.weui-cell {
    padding: 20rpx;
}
.weui-cells::before {
    display: none;
}
.weui-label {
    width: auto;
}
.weui-cell__ft {
    color: #353535;
}
.weui-cell__ft text {
    color: #353535;
}

.od-banner {
    overflow: hidden;
    position: relative;
    background: url()
        repeat-y center;
    background-size: 100%;
}
.od-banner-icon {
    position: absolute;
    top: 30rpx;
    right: -20rpx;
    width: 130rpx;
    opacity: 0.6;
}

.od-jd {
    margin: 60rpx 40rpx;
}
.od-jd-out {
    background: #ffffff;
    border: 5rpx solid #ffffff;
    height: 20rpx;
    line-height: 20rpx;
    border-radius: 50rpx;
    overflow: hidden;
    position: relative;
}
.od-jd-in {
    height: 20rpx;
    line-height: 20rpx;
    border-radius: 50rpx;
    overflow: hidden;
    width: 0%;
    background: url()
        repeat-y center;
    background-size: 100%;
}
.od-jd-text {
    text-align: center;
    padding-top: 30rpx;
}
.od-jd-text text {
    color: #ffffff;
    font-size: 26rpx;
    opacity: 0.7;
}

.od-jd-0 .od-jd-in {
    width: 12%;
}
.od-jd-0 .od-jd-st-0 {
    opacity: 1;
    font-weight: bold;
}
.od-jd-10 .od-jd-in {
    width: 37%;
}
.od-jd-10 .od-jd-st-10 {
    opacity: 1;
    font-weight: bold;
}
.od-jd-20 .od-jd-in {
    width: 64%;
}
.od-jd-20 .od-jd-st-20 {
    opacity: 1;
    font-weight: bold;
}
.od-jd-30 .od-jd-in {
    width: 100%;
}
.od-jd-30 .od-jd-st-30 {
    opacity: 1;
    font-weight: bold;
}
.od-jd-40 .od-jd-in {
    width: 100%;
    background: #999999;
}

.serv-icon {
    display: block;
    width: 50rpx;
    height: 50rpx;
    margin: 15rpx 15rpx 15rpx 0;
}
.serv-name {
    font-weight: bold;
}

.pub-box {
    margin: 20rpx;
    position: relative;
}
.pub-box-tt {
    height: 80rpx;
    line-height: 80rpx;
    position: relative;
    padding-left: 10rpx;
}
.pub-box-tt text {
    font-size: 24rpx;
}
.pub-box-ttl {
    padding-left: 10rpx;
}
.pub-box-ttl text {
    color: #888888;
}
.pub-box-ttr {
    position: absolute;
    right: 10rpx;
    top: 0;
    height: 80rpx;
    line-height: 80rpx;
}
.pub-box-ttr text {
    color: #576b95;
}
.pub-box-bd {
    border: 1rpx solid #eeeeee;
    border-radius: 10rpx;
    overflow: hidden;
    background: #ffffff;
    position: relative;
}
.pub-box-bd .weui-cell::before {
    left: 20rpx;
}

.xieyi {
    text-align: center;
    padding-bottom: 20rpx;
}
.xieyi text {
    font-size: 28rpx;
}
.xieyi navigator {
    font-size: 28rpx;
    display: inline-block;
    color: #0bb684;
}
.is_xieyi {
    display: inline-block;
    padding-left: 36rpx;
    background: url()
        no-repeat left center;
    background-size: 30rpx;
}
.is_xieyi_on {
    background-image: url();
}
.popup-content {
	width: 600rpx;
	height: 260rpx;
	padding: 20rpx;
}
.popup-content .group {
	margin: 20rpx;
	display: flex;
}
.popup-content .group input {
	padding-left: 10rpx;
	width: 100%;
	border-bottom: 2rpx solid #f5f5f5;
}
.popup-content .group .valid-text {
	width: 230rpx;
	text-align: center;
	line-height: 72rpx;
	font-size: 28rpx;
	color: #409eff;
}
.btns {
	display: flex;
	border-top:2rpx solid #f5f5f5;
}
.btns view{
	flex: 1;
	text-align: center;
	height: 80rpx;
	line-height: 80rpx;
}
.btns .cancal {
	border-right: 2rpx solid #f5f5f5;
}
.btns .ok{
	color: #ee0a24;
}
.uni-popup__wrapper {
	border-radius: 20rpx;
}
.text-center {
	text-align: center;
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}
.pay-box {
	padding: 40rpx;
}
.pay-box canvas {
	margin: 0 auto;
}